<template>
  <div id="app">
   <!-- 头部 -->
   <Header></Header>
   <!-- 主体：主体又分为两部分，左边导航+右面展示 -->
   <Main></Main>
   <!-- 底部歌词展示部分 -->
   <Footer></Footer>
  </div>
</template>
<script>
import Header from '@/layout/Header'
import Main from '@/layout/Main'
import Footer from '@/layout/Footer'
export default {
  name: 'App',
  components:{Header,Main,Footer}
}
</script>
<style scoped>  
@import "@/assets/css/base.css";
#app{
  /* 固定定位，相对于浏览器窗口 */
  position: fixed;
  width: 100%;
  /* vh单位可以根据窗口的高度自动改变大小，1vh是窗口高度的1%； */
  height: 100vh;
}
</style>
